<template>
    <div class="box">
       <div class="Business-content">
           <ul>
               <li v-for="(item,index) in BusinessArr.data" :key="index">
                   <img src="../../assets/images/旗下企业-头像.png" alt="">

                   <div class="content-center">
                       <h2>企业名称:{{item.company}}</h2>
                       <p>注册时间:{{item.createTime}}</p>
                       <span>法人:{{item.creator}}</span>
                   </div>

                    <div class="content-r">
                   <img src="../../assets/images/jiantou.png" alt="" ></div>
               </li>
           </ul>
       </div>
    </div>
</template>

<script>
export default {
    props:["BusinessArr"],
    data () {
        return {

 
        }
    }
}
</script>
 
<style lang = "less" scoped>
.box{
    width: 100%;
     padding: 10px 20px;
     box-sizing: border-box;
}
.Business-content{
   border-radius: 5px;
   background-color: #fff;
   ul{
       padding: 10px 0;
       li{
           display: flex;
           justify-content: flex-start;
           align-items: center;
           padding: 10px;
           margin-bottom: 10px;
           border-bottom: 1px solid #e5e5e5;
           position: relative;
           img{
               width: 50px;
           }
            .content-center{
                margin: 0 10px;
                h2{
                    font-size: 14px;
                }

                p{
                    margin:5px 0 ;
                    font-size: 12px;
                    color: #999;
                }
                span{
                    font-size: 12px;
                    color: #999;
                }
            }
           .content-r{
               position: absolute;
               top: 50%;
               right: 10px;
               transform: translateY(-50%);
               img{
                   width: 8px;
               }
               
           }
       }
   }
}
</style>